
const path = require('path')

const name = process.env.VUE_APP_TITLE || '后台管理系统' // 网页标题

const port = process.env.port || process.env.npm_config_port || 8099 // 端口

// function resolve(dir) {
//   return path.join(__dirname, dir)
// }
const resolve = (dir) => path.join(__dirname, dir)
// vue.config.js 配置说明
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
// 这里只列一部分，具体配置参考文档
//配置参数
module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/', //根路径
    outputDir: 'dist', //构建输出目录
    // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
    assetsDir: 'static',
    chainWebpack: config => {
        config.resolve.alias.set('@', resolve('src')).set('_c', resolve('src/components'))
    },
    // lintOnSave: false,//关闭ESlint的语法检测
    devServer: {
        host: '0.0.0.0',
        port: port,
        open: true,
        https: false,
        hotOnly: true, // 热更新
        proxy: { // 配置本地代理
            "/api": {
                target: 'http://vueapi.atywl.com',
                secure: false,
                changeOrigin: true, // 开启代理，在本地创建一个虚拟服务端
                // ws: true, // 是否启用websockets
                pathRewrite: {
                    "^/api": "/",
                },
            },
        },
    },

    configureWebpack: {
        name: name,
        resolve: {
            alias: {
                '@': resolve('src'),
                '_c': resolve('src/components')
            }
        },
    },
}
